body {
	font-size: 16px;
}

html,
body,
.mui-content {
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;
}

[v-cloak] {
	display: none;
}

.mui-content {
	padding-bottom: 40px;
}

table {
	border: none;
}

th,
td {
	height: 30px;
	padding: 5px;
}

th {
	background-color: #009688;
	color: #fff;
	border: none;
}

td {
	background-color: #fff;
	border-color: #eee;
}

.td-key {
	color: #009688;
}

.info {
	padding: 10px;
}

.colored {
	color: #009688;
}

.colored-2 {
	color: #512da8;
}

footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 40px;
}

footer:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

footer>div {
	width: 50%;
	float: left;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	background: #009688;
	color: #fff;
}

footer>div.active {
	background: #00796b;
}

.btn-upgrade {
	margin: 20px auto;
	width: 200px;
	font-size: 20px;
	background: #009688;
	padding: 10px;
	color: #fff;
}